<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>MyPetStore</title>
    <link rel="icon" href="../images/title.png" sizes="32x32">
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css"
          media="screen"/>
    <link rel="StyleSheet" href="../css/searchProduct.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="../css/mouseEventInform.css" type="text/css" media="screen"/>
</head>
<body>
<div th:replace="common/IncludeTop">
</div>
<div id="Content">
    <div id="Catalog">
        <form action="signonCheck" method="post">
            <p>Please enter your username and password.</p>
            <p>
                Username:<input type="text" name="username" id="username"/><br/><br>
                Password:<input type="password" name="password" id="password"/><br/><br>

                VerificationCode:<input type="text" name="vCode" size="5" maxlength="6" >
                <a href="/account/signonForm"><img id="code"  border="0" src="/account/verificationCode" name="code"></a>
            </p>

            <tr> <font color="red" th:text="${message}">message</font></tr>
            <tr><br><br></tr>
            <input type="submit" name="signon" value="Login"/>

        </form>
        <br>
        Need a user name and password?

        <a href="/account/registerForm">Register Now!</a>
    </div>
</div>
<div th:replace="common/IncludeBottom">
</div>
</body>
</html>